{% load static %}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- InstanceBegin template="/Templates/my51JobDwt.dwt" codeOutsideHTMLIsLocked="false" -->
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <!-- InstanceBeginEditable name="doctitle" -->
    <title>简历</title>
    <style type="text/css">
        .div0Intro
        {
            background-image:url(./static/img/image/menu-bg1.gif);
            background-repeat:repeat-x;
            width:1000px;
            height:33px;
            margin:auto;
            color:#FFF;
            font-size:12px;
            line-height:28px;
        }
        .span0Intro
        {
            margin-left:10px;
            margin-right:10px;
        }

        .div1Intro
        {
            width:960px;
            height:1050px;
            /*border:1px solid #F00;*/
            margin:auto;
        }

        .div11Intro
        {
            float:left;
            width:210px;
            height:1045px;
            border:1px #CCC dashed;
            background-color:#FFFFF7;
            text-align:left;
        }

        .div12Intro
        {
            float:left;
            width:700px;
            height:1030px;
            /*border:solid 1px #00F;*/
            text-align:left;
            padding-top:15px;
            margin-left:30px;
        }

        .div111Intro
        {
            /*	width:180px;*/
            height:16px;
            /*border:#000 1px dashed;*/
            margin-left:30px;
            vertical-align:middle;
            /*margin-bottom:10px;
            margin-top:10px;*/
        }

        .span11InnerIntro
        {
            line-height:16px;
            height:16px;
            text-align:left;
            font-size:12px;
            font-weight:bold;
            margin-left:10px;
        }

        .div112Intro
        {
            width:180px;
            height:16px;
            /*border:#000 1px dashed;*/
            margin-left:30px;
            vertical-align:middle;
            margin-bottom:8px;
            margin-top:8px;
        }

        .span12InnerIntro
        {
            color:#414141;
            line-height:16px;
            height:16px;
            text-align:left;
            font-size:12px;
            margin-left:10px;
        }

        .img1Intro
        {
            margin:10px;
            cursor:pointer;
        }

        .img2Intro
        {
            margin-top:10px;
            margin-bottom:10px;
            margin-left:0px;
        }

        .btn1Intro
        {
            width:100px;
            height:33px;
            border:0px;
            background-image:url(./static/img/image/login-sm2.gif);

        }

        .btn1Intro:hover
        {
            width:100px;
            height:33px;
            border:0px;
            background-image:url(./static/img/image/login-sm1.gif);
        }

        .star1Intro
        {
            color:#F60;
            margin-right:5px;
        }

        td
        {
            font-size:12px;
            color:#414141;
        }

        .tablediv1Intro
        {
            width:698px;
            /*border:1px dashed #000;*/
            margin-bottom:15px;
        }

        .tablediv2Intro
        {
            width:698px;
            /*border:1px dashed #000;*/
            margin-bottom:15px;
        }

        .tablediv3Intro
        {
            width:698px;
            /*border:1px dashed #000;*/
            margin-bottom:15px;
        }

        .table1Intro
        {
            width:690px;
            height:300px;
        }

        .table2Intro
        {
            width:550px;
            height:250px;
        }

        .table3Intro
        {
            width:550px;
            height:190px;
        }

        .textarea1Intro
        {
            width:450px;
            height:45px;
        }

        .aIntro
        {
            color:#414141;
            font-size:12px;
            text-decoration:none;
        }

        .aIntro:hover
        {
            color:#F60;
            font-size:12px;
            text-decoration:none;
        }

    </style>
    <!-- InstanceEndEditable -->
    <!-- InstanceBeginEditable name="head" -->
    <!-- InstanceEndEditable -->
    <style type="text/css">
        .spandwt
        {
            display:block;
            text-align:center;
            line-height:25px;
            font-size:12px;
            color:#414141;
            font-family:"宋体";
        }
        .divdwt
        {
            display:block;
            background-image:url(./static/img/image/bottom-bg.gif);
            text-align:center;
            height:35px;
            width:1000px;
            color:#FFF;
            line-height:30px;
            font-size:12px;
            font-family:"宋体";
            margin:auto;
        }

        .adwt
        {
            color:#FFF;
            font-size:12px;
            text-decoration:none;
            font-family:"宋体";
        }

        .adwt:hover
        {
            color:#FFF;
            font-size:12px;
            text-decoration:none;
            font-family:"宋体";
        }

        .bodydwt
        {
            text-align:center;
        }

        .imgdwt
        {
            border:0px;
        }
        .headdwt
        {
            width:960px;
            height:65px;
            margin:auto;/*居中*/
            position:relative;
            vertical-align:bottom;
            /*border:1px solid #000;*/
        }

        .headerleftdwt
        {
            /*border:1px solid #000;*/
            float:left;
            margin-bottom:0px;
            height:65px;
        }

        .headerrightdwt
        {
            /*border:1px solid #000;*/
            float:right;
            height:31px;
            vertical-align:bottom;
            margin-top:34px;
        }

        .imgheaderdwt
        {
            border:0px;
        }

    </style>


</head>


<html class="bodydwt">
    <div class="headdwt">
        <div class="headerleftdwt"><img src="../static/img/123.png" width="160px" height="60px"/></div>
    </div>
    <!-- InstanceBeginEditable name="EditRegion3" -->
    <!--菜单栏开始-->
    <div class="div0Intro">
        <span class="span0Intro">简历中心</span>|<span class="span0Intro">求职信</span>|<span class="span0Intro">简历指导</span>
    </div>
    <!--菜单栏结束-->


    <!--中间内容开始-->
    <div class="div1Intro">
        <!--中间内容左边开始-->
        <div class="div11Intro">
            <div id="pop0" class="div111Intro"><span class="span11InnerIntro">我的简历</span></div>
            <div id="pop21" class="div112Intro"><span class="span12InnerIntro"><a href="#point1" class="aIntro">基本个人信息</a></span></div>
            <div id="pop22" class="div112Intro"><span class="span12InnerIntro"><a href="#point2" class="aIntro">工作经验</a></span></div>
            <div id="pop23" class="div112Intro"><span class="span12InnerIntro"><a href="#point2" class="aIntro">教育经历</a></span></div>
        </div>
        <!--中间内容左边结束-->
        <!--中间内容右边开始-->
        <form method="post" action="/resume/">
            {% csrf_token %}
            <div class="div12Intro">
                <div class="div111Intro"><span class="span11InnerIntro"><a name="point1">基本个人信息（*为必填项）</a></span></div>

                <div class="tablediv1Intro">

                    <table class="table1Intro" cellspacing="5px;">
                        <tr>
                            <td style="width:80px">
                                <span class="star1Intro">*</span>姓名
                            </td>
                            <td style="width:280px;">
                                <a><input name="point4" id="nametxt" type="text" style="border:1px solid #999" /></a>
                            </td>
                            <td style="width:80px">
                                <span class="star1Intro">*</span>性别
                            </td>
                            <td style="width:250px">
                                <input name="sex" type="radio" checked="checked" name="sex" />男
                                <input name="sex" type="radio" name="sex" />女
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <span class="star1Intro">*</span>联系方式
                            </td>
                            <td>
                                <a><input name="point8" id="contactid" type="text" style="width:150px; border:1px solid #999;" /></a>
                            </td>

                        </tr>
                        <tr>
                            <td>
                                现居地址
                            </td>
                            <td>
                                <input name="address" type="text" style="width:250px; border:1px solid #999" />
                            </td>

                        </tr>

                    </table>
                </div>
                <div class="div111Intro"><span class="span11InnerIntro"><a name="point2">我的简历</a></span></div>
                <div class="tablediv2Intro">
                    <table class="table2Intro" cellspacing="0" cellpadding="0">
                        <tr>
                            <td style="width:80px;">
                                <span class="star1Intro">*</span>工作经验
                            </td>
                            <td>
                                <textarea name="work_experience" class="textarea1Intro" style="resize:none"></textarea>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <span class="star1Intro">*</span>教育经历
                            </td>
                            <td>
                                <textarea name="edu_experience" class="textarea1Intro" style="resize:none"></textarea>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <span class="star1Intro">*</span>求职意向
                            </td>
                            <td>
                                <textarea  name="position" class="textarea1Intro" style="resize:none"></textarea>
                            </td>
                        </tr>
                    </table>
                </div>


                <div style="text-align:center">
                    <input class="btn1Intro" type="submit" onclick="checkContent()" value="保存" />
                </div>
            </div>
            <!--中间内容右边结束-->
        </form>
        <!--中间内容结束-->



        <!-- InstanceEndEditable -->
    </div>
    <div class="divdwt">
        网站导航&nbsp;&nbsp;|&nbsp;&nbsp;<a href="index.html" class="adwt">网站首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="search.html" class="adwt">职位搜索</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="login.html" class="adwt">Myjob</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="register.html" class="adwt">用户注册</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="login.html" class="adwt">用户登录</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="intro.html" class="adwt">简历管理</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="company.html" class="adwt">招聘公司</a>
    </div>
    <div>
        <span class="spandwt">人才招聘&nbsp;Email:hr@51job.com</span>
        <span class="spandwt">个人求职&nbsp;Email:club@51job.com&nbsp;&nbsp;或垂询:800-820-5100</span>
        <span class="spandwt">未经本招聘网站同意，不得转载本网站之所有招聘信息及作品</span>
        <span class="spandwt">无忧工作网版权所有&copy;1999-2007</span>
        <span class="spandwt"><a href="index.html"><img src="../static/image/bottom1.gif" class="imgdwt" /></a></span>
    </div>

    <!-- InstanceBeginEditable name="EditRegion4" -->
    <script type="text/javascript">


        /*2222222222222222222222222222222222222级联样式结束22222222222222222222222222222222222222*/


        function pop1()
        {


            if(pop0.style.display=="none")
            {
                pop0.style.display="block";
            }
            else
            {
                pop0.style.display="none";
            }
        }

        function pop2()
        {

            if(pop21.style.display=="block")
            {
                pop21.style.display="none";
                pop22.style.display="none";
                pop23.style.display="none";
                pop24.style.display="none";
                pop25.style.display="none";
                pop26.style.display="none";
                pop27.style.display="none";
                pop28.style.display="none";
                pop29.style.display="none";
            }
            else
            {
                pop21.style.display="block";
                pop22.style.display="block";
                pop23.style.display="block";
                pop24.style.display="block";
                pop25.style.display="block";
                pop26.style.display="block";
                pop27.style.display="block";
                pop28.style.display="block";
                pop29.style.display="block";
            }

        }


        function pop3()
        {

            if(pop10.style.display=="block")
            {
                pop10.style.display="none";
                pop11.style.display="none";
                pop12.style.display="none";
            }
            else
            {
                pop10.style.display="block";
                pop11.style.display="block";
                pop12.style.display="block";
            }


        }






        function checkContent()
        {
            var name=document.getElementById("nametxt");

            if(name.value=="")
            {
                alert("请输入姓名");

                window.location.href="#point4";
                name.focus();
                return;
            }


            if(!flag)
            {
                alert("请选择性别");
                window.location.href="#point4";
                return;
            }




            /*
            var myyear=document.getElementById("myyear");

            if(myyear.value=="no")
            {
                alert("请选择出生年份");

                window.location.href="#point5";
                myyear.focus();
                return;
            }


            var mymonth=document.getElementById("mymonth");

            if(mymonth.value=="no")
            {
                alert("请选择出生月份");
                window.location.href="#point5";
                mymonth.focus();
                return;
            }

            var myday=document.getElementById("myday");

            if(myday.value=="no")
            {
                alert("请选择出生日期");
                window.location.href="#point5";
                myday.focus();
                return;
            }
            */

            var myyears=document.getElementById("myyears");

            if(myyears.value=="no")
            {
                alert("请选择工作年限");
                window.location.href="#point5";
                myyears.focus();
                return;
            }







            var contactid=document.getElementById("contactid");

            if(contactid.value=="")
            {
                alert("请填写联系方式");
                window.location.href="#point8";
                contactid.focus();
                return;
            }

            var email=document.getElementById("email");

            if(email.value=="")
            {
                alert("请填写E-mail地址");
                window.location.href="#point8";
                email.focus();
                return;
            }

            var rule=/^\w+@\w+(\.com)+(\.cn)?$/;

            if(!rule.test(email.value))
            {
                alert("请输入正确的邮箱地址");
                window.location.href="#point8";
                email.select();
                return;
            }


            var areaEdu=document.getElementById("areaEdu");
            if(areaEdu.value=="")
            {
                alert("请填写教育经历");
                window.location.href="#point2";
                areaEdu.focus();
                return;
            }

            var proposal=document.getElementById("proposal");
            if(proposal.value=="")
            {
                alert("请填写求职意向");
                window.location.href="#point2";
                proposal.focus();
                return;
            }


            alert("成功提交");
        }




    </script>
    <!-- InstanceEndEditable -->
    <!-- InstanceEnd -->
    </body>
</html>
